import React ,{ memo } from 'react';
import './App.css';
import Navheader from './CardList/Navheader'
import {Context}  from './CardList/index'
import Footer from './CardList/Footer'

// 父组件不需要传递方法和参数的情况下 使用memo 进行组件优化 (这样就不会出现父组件变化时 子组件重新渲染)
const MemoNavheader = memo(Navheader);

function APPRouter() {
  return (
      <div className="App">
        <Context>
          <MemoNavheader />
        </Context>
        <Footer />
      </div>
  )
}

export default APPRouter;
